<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>AMELIE-Service</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="css/neat.css" rel="stylesheet">
<link href="css/header_footer.css" rel="stylesheet">
<link href="css/footer.css" rel="stylesheet">
<link href="css/animate.min.css" rel="stylesheet">
<link href="css/AMELIE-Service.css" rel="stylesheet">
</head>
<body>
<!-- 顶部开始 -->
<div class="header por clearfix">
    <div class="wrap">
        <a href="#">
            <div class="logo fl">
                <h1></h1>
            </div>
        </a>
        <ul class="nav  clearfix">
            <a href="index.html"><li>首页</li></a>
            <a href="case.html"><li>作品展示</li></a>
            <a href="show.html"><li>客片展示</li></a>
            <a href="popularPackage.html"><li>人气套餐</li></a>
            <a href="movie.html"><li>微电影</li></a>
            <a href="aboutus.html"><li>关于我们</li></a>
            <a href="AMELIE-Service.html"><li class="last1"  id="top-cur">服务</li></a>
            <a href="news.html"><li class="last">快讯</li></a>
        </ul>
    </div>
    <div class="phone">
        <div class="phone1"><i class="icon"></i><span>400-250-6699</span></div>
        <div class="make"> <a href="#"style="color:#fff">预约档期</a></div>
    </div>
</div>
<div id="banner">
    <a href="#"><img src="images/serve-bannerbg.png" alt=""></a>
    <div class="wrapper">
        <p class="txt1"><img src="images/serve-bannertxt1.png" alt=""></p>
        <p class="txt2"><img src="images/serve-bannertxt2.png" alt=""></p>
        <p class="txt3"><img src="images/serve-bannertxt3.png" alt=""></p>
        <p class="txt4"><img src="images/serve-bannertxt4.png" alt=""></p>   
    </div>
</div>
<!-- 主体 -->
<div id="main">
    <!-- 婚纱 -->
    <div id="dresses" class="showmod">
        <div class="wrapper">
            <div class="showbox fl">
                <ul class="left fl">
                    <li>
                        <img src="images/serve-pic3.png" alt="">
                        <p class="title">梦幻舞曲</p>
                        <a href="#" class="shadow">
                            <p><span></span>梦幻舞曲</p>
                        </a>
                    </li>
                    <li>
                        <img src="images/serve-pic2.png" alt="">
                        <p class="title">绚丽迷蝶</p>
                        <a href="#" class="shadow">
                            <p><span></span>绚丽迷蝶</p>
                        </a>
                    </li>
                </ul>
                <ul class="focus fl">
                    <li>
                        <img src="images/serve-pic1.png" alt="">
                        <a href="#" class="shadow">
                            <p><span></span>巴黎/浮世绘</p>
                        </a>
                    </li>
                </ul>
                <ul class="right fl">
                    <li>
                        <img src="images/serve-pic5.png" alt="">
                        <p class="title">蓝色风情</p>
                        <a href="#" class="shadow">
                            <p><span></span>蓝色风情</p>
                        </a>
                    </li>
                    <li>
                        <img src="images/serve-pic4.png" alt="">
                        <p class="title">盛世女爵</p>
                        <a href="#" class="shadow">
                            <p><span></span>盛世女爵</p>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="introbox fr">
                <h2><span>婚纱/礼服</span>
                    <img src="images/serve-showh2pic1.png" alt="">
                    <img src="images/serve-showh2pic2.png" class="tit" alt="">
                </h2>
                <div class="split"></div>
                <p class="top animated">"你的婚礼让所有人难忘"</p>
                <p class="story animated">在许愿池前许下永恒不变的誓言，步及之处<br>都是童话梦中的国度，这里没有那样的繁华，不过却充满<br>了童话的气息，尖尖塔顶嵌入青空的小镇，似乎每个小屋<br>里面都有一个关于幸福的故事...
                </p>
                <p class="en-story animated">
                    <img src="images/serve-showenstory.png" alt="">
                </p>
                <a herf="#" class="seemore animated"><div class="bg"></div><p>查看更多</p></a>
            </div>
        </div>    
    </div>
    <!-- 婚纱结束 -->
    <!-- 场景 -->
    <div id="sence" class="showmod">
        <div class="wrapper clearfix">
            <div class="left fl">
                <div class="introbox">
                    <p class="top">记录您最美好的时光</p>
                    <div class="split"></div>
                    <p class="story">直到有一天一个愿意与你共度一生的人说“亲爱的，我们<br>去布拉格把！”点杯咖啡，甜蜜浪漫的小城......<br>从容等待广场钟声的敲响。这一刻，身边有你在真好！</p>
                </div>
                <div class="showbox">
                    <ul>
                        <li>
                            <img src="images/serve-sencepic2.png" alt="">
                            <a href="#" class="shadow">
                                <p>
                                    <span></span><b class="left-t">浪漫</b><b class="right-b">爱琴海</b>
                                    <svg xmlns="http://www.w3.org/2000/svg">
                                        <g fill="none" stroke="#fff" stroke-width="1" stroke-linecap="sqaure">
                                            <path class="path-f" d="M1,104 L1,1 25,1" />
                                            <path class="path-t" d="M118,3 L5,4 5,39" />
                                            <path class="path-r" d="M103,106 L239,106 239,4 229,3" />
                                            <path class="path-b" d="M243,81 L243,109 L188,109" />
                                            <path class="path-m" d="M82,86 L150,20" />
                                        </g>
                                    </svg>
                                </p>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="right fr">
                <div class="showbox">
                    <ul>
                        <li>
                            <img src="images/serve-sencepic1.png" alt="">
                            <a href="#" class="shadow">
                                <p><span></span><b class="left-t">浪漫</b><b class="right-b">爱琴海</b>
                                    <svg xmlns="http://www.w3.org/2000/svg">
                                        <g fill="none" stroke="#fff" stroke-width="1" stroke-linecap="sqaure">
                                            <path class="path-f" d="M1,104 L1,1 25,1" />
                                            <path class="path-t" d="M118,3 L5,4 5,39" />
                                            <path class="path-r" d="M103,106 L239,106 239,4 229,3" />
                                            <path class="path-b" d="M243,81 L243,109 L188,109" />
                                            <path class="path-m" d="M82,86 L150,20" />
                                        </g>
                                    </svg>
                                </p>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="introbox">
                    <p class="en-story">
                        <img src="images/serve-secce-enstory.png" alt="">
                    </p>
                    <a herf="#" class="seemore"><div class="bg"></div><p>查看更多</p></a>
                </div>
            </div>
            <div class="middle">
                <h2><span>场景</span>
                    <img src="images/serve-showh2pic3.png" alt="">
                    <img src="images/serve-showh2pic4.png" class="tit" alt="">
                </h2>
            </div>
        </div>   
    </div>
    <!-- 场景结束 -->
    <!-- 妆面 -->
    <div id="face" class="showmod">
        <div class="wrapper">
            <div class="introbox fl">
                <h2><span>妆面</span>
                    <img src="images/serve-showh2pic5.png" alt="">
                    <img src="images/serve-showh2pic6.png" class="tit" alt="">
                </h2>
                <div class="split"></div>
                <p class="top">“有你的日子，咖啡也是甜的！”</p>
                <p class="story">你，注定是我今生倾心驻足的风景，一世不舍的眷恋。为<br>了你，我愿划破手指，滴血成圈，圈住你的款款深情，纵<br>然玫瑰零落成泥碾.....
                </p>
                <p class="en-story">
                    <img src="images/serve-process-enstory.png" alt="">
                </p>
                <a herf="#" class="seemore"><div class="bg"></div><p>查看更多</p></a>
            </div>
            <div class="rect-wrap fr">
                <div class="container">
                    <div class="showbox le">
                        <ul class="top">
                            <li>
                                <div class="contain">
                                    <div class="li-b li-face">
                                        <img src="images/serve-facepic1.png" alt="">
                                    </div>
                                    <div class="li-f li-face">
                                        <img src="images/serve-facepic1.png" alt="">
                                    </div>
                                    <div class="li-r li-face">
                                        <img src="images/serve-facepic1.png" alt="">
                                    </div>
                                    <div class="li-l li-face">
                                        <img src="images/serve-facepic1.png" alt="">
                                    </div>
                                </div>   
                            </li>
                            <li>
                                <div class="contain">
                                    <div class="li-b li-face">
                                        <img src="images/serve-facepic2.png" alt="">
                                    </div>
                                    <div class="li-f li-face">
                                        <img src="images/serve-facepic2.png" alt="">
                                    </div>
                                    <div class="li-r li-face">
                                        <img src="images/serve-facepic2.png" alt="">
                                    </div>
                                    <div class="li-l li-face">
                                        <img src="images/serve-facepic2.png" alt="">
                                    </div>
                                </div> 
                            </li>
                            <li>
                                <div class="contain">
                                    <div class="li-f li-face">
                                        <img src="images/serve-facepic3.png" alt="">
                                    </div>
                                    <div class="li-r li-face">
                                        <img src="images/serve-facepic3.png" alt="">
                                    </div>
                                </div>
                            </li>
                        </ul>
                        <ul class="b-left fl">
                            <li>
                                <div class="contain">
                                    <div class="li-f li-face">
                                        <img src="images/serve-facepic4.png" alt="">
                                    </div>
                                    <div class="li-r li-face">
                                        <img src="images/serve-facepic4.png" alt="">
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="contain">
                                    <div class="li-f li-face">
                                        <img src="images/serve-facepic5.png" alt="">
                                    </div>
                                    <div class="li-r li-face">
                                        <img src="images/serve-facepic5.png" alt="">
                                    </div>
                                </div>
                            </li>
                        </ul>
                        <ul class="b-right fr">
                            <li>
                                <div class="contain">
                                    <div class="li-f li-face">
                                        <img src="images/serve-facepic6.png" alt="">
                                    </div>
                                    <div class="li-r li-face">
                                        <img src="images/serve-facepic6.png" alt="">
                                    </div>
                                </div>
                            </li>
                        </ul>      
                    </div>
                    <div class="showbox rig">
                        <ul class="top">
                            <li>
                                <div class="contain">
                                    <div class="li-b li-face">
                                        <img src="images/serve-facepic1.png" alt="">
                                    </div>
                                    <div class="li-f li-face">
                                        <img src="images/serve-facepic1.png" alt="">
                                    </div>
                                    <div class="li-r li-face">
                                        <img src="images/serve-facepic1.png" alt="">
                                    </div>
                                    <div class="li-l li-face">
                                        <img src="images/serve-facepic1.png" alt="">
                                    </div>
                                </div>   
                            </li>
                            <li>
                                <div class="contain">
                                    <div class="li-b li-face">
                                        <img src="images/serve-facepic2.png" alt="">
                                    </div>
                                    <div class="li-f li-face">
                                        <img src="images/serve-facepic2.png" alt="">
                                    </div>
                                    <div class="li-r li-face">
                                        <img src="images/serve-facepic2.png" alt="">
                                    </div>
                                    <div class="li-l li-face">
                                        <img src="images/serve-facepic2.png" alt="">
                                    </div>
                                </div> 
                            </li>
                            <li>
                                <div class="contain">
                                    <div class="li-f li-face">
                                        <img src="images/serve-facepic3.png" alt="">
                                    </div>
                                    <div class="li-r li-face">
                                        <img src="images/serve-facepic3.png" alt="">
                                    </div>
                                </div>
                            </li>
                        </ul>
                        <ul class="b-left fl">
                            <li>
                                <div class="contain">
                                    <div class="li-f li-face">
                                        <img src="images/serve-facepic4.png" alt="">
                                    </div>
                                    <div class="li-r li-face">
                                        <img src="images/serve-facepic4.png" alt="">
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="contain">
                                    <div class="li-f li-face">
                                        <img src="images/serve-facepic5.png" alt="">
                                    </div>
                                    <div class="li-r li-face">
                                        <img src="images/serve-facepic5.png" alt="">
                                    </div>
                                </div>
                            </li>
                        </ul>
                        <ul class="b-right fr">
                            <li>
                                <div class="contain">
                                    <div class="li-f li-face">
                                        <img src="images/serve-facepic6.png" alt="">
                                    </div>
                                    <div class="li-r li-face">
                                        <img src="images/serve-facepic6.png" alt="">
                                    </div>
                                </div>
                            </li>
                        </ul>      
                    </div>
                    <div class="showbox front">
                        <ul class="top">
                            <li>
                                <div class="contain">
                                    <div class="li-b li-face">
                                        <img src="images/serve-facepic1.png" alt="">
                                    </div>
                                    <div class="li-f li-face">
                                        <img src="images/serve-facepic1.png" alt="">
                                    </div>
                                    <div class="li-r li-face">
                                        <img src="images/serve-facepic1.png" alt="">
                                    </div>
                                    <div class="li-l li-face">
                                        <img src="images/serve-facepic1.png" alt="">
                                    </div>
                                </div>   
                            </li>
                            <li>
                                <div class="contain">
                                    <div class="li-b li-face">
                                        <img src="images/serve-facepic2.png" alt="">
                                    </div>
                                    <div class="li-f li-face">
                                        <img src="images/serve-facepic2.png" alt="">
                                    </div>
                                    <div class="li-r li-face">
                                        <img src="images/serve-facepic2.png" alt="">
                                    </div>
                                    <div class="li-l li-face">
                                        <img src="images/serve-facepic2.png" alt="">
                                    </div>
                                </div> 
                            </li>
                            <li>
                                <div class="contain">
                                    <div class="li-f li-face">
                                        <img src="images/serve-facepic3.png" alt="">
                                    </div>
                                    <div class="li-r li-face">
                                        <img src="images/serve-facepic3.png" alt="">
                                    </div>
                                </div>
                            </li>
                        </ul>
                        <ul class="b-left fl">
                            <li>
                                <div class="contain">
                                    <div class="li-f li-face">
                                        <img src="images/serve-facepic4.png" alt="">
                                    </div>
                                    <div class="li-r li-face">
                                        <img src="images/serve-facepic4.png" alt="">
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="contain">
                                    <div class="li-f li-face">
                                        <img src="images/serve-facepic5.png" alt="">
                                    </div>
                                    <div class="li-r li-face">
                                        <img src="images/serve-facepic5.png" alt="">
                                    </div>
                                </div>
                            </li>
                        </ul>
                        <ul class="b-right fr">
                            <li>
                                <div class="contain">
                                    <div class="li-f li-face">
                                        <img src="images/serve-facepic6.png" alt="">
                                    </div>
                                    <div class="li-r li-face">
                                        <img src="images/serve-facepic6.png" alt="">
                                    </div>
                                </div>
                            </li>
                        </ul>      
                    </div>
                    <div class="showbox back">
                        <ul class="top">
                            <li>
                                <div class="contain">
                                    <div class="li-b li-face">
                                        <img src="images/serve-facepic1.png" alt="">
                                    </div>
                                    <div class="li-f li-face">
                                        <img src="images/serve-facepic1.png" alt="">
                                    </div>
                                    <div class="li-r li-face">
                                        <img src="images/serve-facepic1.png" alt="">
                                    </div>
                                    <div class="li-l li-face">
                                        <img src="images/serve-facepic1.png" alt="">
                                    </div>
                                </div>   
                            </li>
                            <li>
                                <div class="contain">
                                    <div class="li-b li-face">
                                        <img src="images/serve-facepic2.png" alt="">
                                    </div>
                                    <div class="li-f li-face">
                                        <img src="images/serve-facepic2.png" alt="">
                                    </div>
                                    <div class="li-r li-face">
                                        <img src="images/serve-facepic2.png" alt="">
                                    </div>
                                    <div class="li-l li-face">
                                        <img src="images/serve-facepic2.png" alt="">
                                    </div>
                                </div> 
                            </li>
                            <li>
                                <div class="contain">
                                    <div class="li-f li-face">
                                        <img src="images/serve-facepic3.png" alt="">
                                    </div>
                                    <div class="li-r li-face">
                                        <img src="images/serve-facepic3.png" alt="">
                                    </div>
                                </div>
                            </li>
                        </ul>
                        <ul class="b-left fl">
                            <li>
                                <div class="contain">
                                    <div class="li-f li-face">
                                        <img src="images/serve-facepic4.png" alt="">
                                    </div>
                                    <div class="li-r li-face">
                                        <img src="images/serve-facepic4.png" alt="">
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="contain">
                                    <div class="li-f li-face">
                                        <img src="images/serve-facepic5.png" alt="">
                                    </div>
                                    <div class="li-r li-face">
                                        <img src="images/serve-facepic5.png" alt="">
                                    </div>
                                </div>
                            </li>
                        </ul>
                        <ul class="b-right fr">
                            <li>
                                <div class="contain">
                                    <div class="li-f li-face">
                                        <img src="images/serve-facepic6.png" alt="">
                                    </div>
                                    <div class="li-r li-face">
                                        <img src="images/serve-facepic6.png" alt="">
                                    </div>
                                </div>
                            </li>
                        </ul>      
                    </div>
                </div>
            </div>
                    
        </div>
    </div>
    <!-- 妆面结束 -->
    <!-- 流程 -->
    <div id="process" class="showmod">
        <div class="wrapper">
            <div class="introbox">
                <h2><span>拍摄流程</span>
                    <img src="images/serve-showh2pic7.png" alt=""><br>
                    <img src="images/serve-showh2pic8.png" class="tit" alt="">
                </h2>
                <div class="split"></div>
                <p class="top">“你，注定是我今生倾心驻足的风景...”</p>
                <p class="en-story">
                    <img src="images/serve-face-enstory.png" alt="">
                </p>
            </div>
            <div class="processimg">
                <div class="p-item item1">
                    <img src="images/serve-processnum1.png" alt="">
                    <h4>确定套系</h4>
                    <div class="smalllogo"><p>AMELIE</p>AMELIE</div>
                    <div class="innerBox">
                        <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" preserveAspectRatio="none">
                            <rect x="1" y="1" fill="none" width="128" height="158"/>
                        </svg>
                        <div class="inner">
                            <h5>服务简介</h5>
                            <p>艾美丽婚纱真诚为您提供最优质的服务</p>
                        </div>
                    </div>
                </div> 
                <div class="p-item item2">
                    <img src="images/serve-processnum2.png" alt="">
                    <h4>确认档期</h4>
                    <div class="smalllogo"><p>AMELIE</p>AMELIE</div>
                    <div class="innerBox">
                        <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" preserveAspectRatio="none">
                            <rect x="1" y="1" fill="none" width="128" height="158"/>
                        </svg>
                        <div class="inner">
                            <h5>服务简介</h5>
                            <p>艾美丽婚纱真诚为您提供最优质的服务</p>
                        </div>
                    </div>
                </div>  
                <div class="p-item item3">
                    <img src="images/serve-processnum3.png" alt="">
                    <h4>支付全款</h4>
                    <div class="smalllogo"><p>AMELIE</p>AMELIE</div>
                    <div class="innerBox">
                        <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" preserveAspectRatio="none">
                            <rect x="1" y="1" fill="none" width="128" height="158"/>
                        </svg>
                        <div class="inner">
                            <h5>服务简介</h5>
                            <p>艾美丽婚纱真诚为您提供最优质的服务</p>
                        </div>
                    </div>
                </div>  
                <div class="p-item item4">
                    <img src="images/serve-processnum4.png" alt="">
                    <h4>预约拍摄</h4>
                    <div class="smalllogo"><p>AMELIE</p>AMELIE</div>
                    <div class="innerBox">
                        <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" preserveAspectRatio="none">
                            <rect x="1" y="1" fill="none" width="128" height="158"/>
                        </svg>
                        <div class="inner">
                            <h5>服务简介</h5>
                            <p>艾美丽婚纱真诚为您提供最优质的服务</p>
                        </div>
                    </div>
                </div>  
                <div class="p-item item5">
                    <img src="images/serve-processnum5.png" alt="">
                    <h4>拍摄沟通</h4>
                    <div class="smalllogo"><p>AMELIE</p>AMELIE</div>
                    <div class="innerBox">
                        <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" preserveAspectRatio="none">
                            <rect x="1" y="1" fill="none" width="128" height="158"/>
                        </svg>
                        <div class="inner">
                            <h5>服务简介</h5>
                            <p>艾美丽婚纱真诚为您提供最优质的服务</p>
                        </div>
                    </div>
                </div>  
                <div class="p-item item6">
                    <img src="images/serve-processnum6.png" alt="">
                    <h4>选片制作</h4>
                    <div class="smalllogo"><p>AMELIE</p>AMELIE</div>
                    <div class="innerBox">
                        <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" preserveAspectRatio="none">
                            <rect x="1" y="1" fill="none" width="128" height="158"/>
                        </svg>
                        <div class="inner">
                            <h5>服务简介</h5>
                            <p>艾美丽婚纱真诚为您提供最优质的服务</p>
                        </div>
                    </div>
                </div>  
                <div class="p-item item7">
                    <img src="images/serve-processnum7.png" alt="">
                    <h4>到店取片</h4>
                    <div class="smalllogo"><p>AMELIE</p>AMELIE</div>
                    <div class="innerBox">
                        <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" preserveAspectRatio="none">
                            <rect x="1" y="1" fill="none" width="128" height="158"/>
                        </svg>
                        <div class="inner">
                            <h5>服务简介</h5>
                            <p>艾美丽婚纱真诚为您提供最优质的服务</p>
                        </div>
                    </div>
                </div>    
            </div>
            <div class="decorate">
                <img src="images/serve-decorate.png" alt="">
            </div>
        </div>      
    </div>
    <!-- 流程结束 -->
</div>
<!-- 底部开始 -->
<div class="footer">
    <div class="wrap">
        <div class="footer-logo"></div>
        <ul class="icon  clearfix">
            <a href="#"><li class="icon1 animated"></li></a> 
            <a href="#"><li class="icon2 animated"></li></a>
            <a href="#"><li class="icon3 animated"></li></a>
        </ul>
        <ul class="footer_nav clearfix">
            <a href="index.html"><li>首页</li></a>
            <a href="case.html"><li>作品展示</li></a>
            <a href="show.html"><li>客片展示</li></a>
            <a href="popularPackage.html"><li>人气套餐</li></a>
            <a href="movie.html"><li>微电影</li></a>
            <a href="aboutus.html"><li>关于我们</li></a>
            <a href="AMELIE-Service.html"><li class="last1" id="top-cur">服务</li></a>
            <a href="news.html"><li class="last">快讯</li></a>
        </ul>
        <div class="code"></div>
    </div>
    <div class="ai">
        <p class="text2">Copyright © http://www.paris-bride.com 上海艾美丽婚纱摄影有限公司 沪ICP备13004667号-1</p>
    </div>
</div>
<!-- 侧边栏 -->
<div id="fixsider">
    <ul>
        <li class="weixin"><a href="#"></a><span>WEIXIN</span></li>
        <li class="weibo"><a href="#"></a><span>WEIBO</span></li>
        <li class="tel"><a href="#"></a><span>0371~86502296</span></li>
        <li class="totop"><a href="#"></a></li>
    </ul>
</div>
<script src="js/jquery-1.7.min.js"></script>
<script src="js/bridal.js"></script>
<script src="js/footer.js"></script>
<script src="js/AMELIE-Service.js"></script>
</body>
</html>